<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">
      <!-- {{变量  表达式  不能写语句}} -->
      <h1>{{name}}</h1>
    </div>
</body>
</html>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
  let vm = new Vue({
    // vue的配置项  这里边的属性名 都是 vue规定的
    el:'#app',// 指定vue替换元素
    // template:'<h1>{{name}}</h1>',
    data:{
      // 这里的属性 我们后期会成为vue变量
      name:'我很帅'
    }

  });
    
</script>